import React from 'react';
import { connect } from 'dva';
import { Row, Col } from 'antd';
import styles from './UserLayout.less';

const UserLayout = ({ children }) => {
  return (
    <>
      <div className={styles.container}>
        <div className={styles.airplaneBg}>
              <Row align="middle" style={{ flex: 1 }} type="flex">
                <Row type="flex" className={styles.layoutContainer} justify="space-around">
                  <Col>
                    <div className={styles.content}>
                      <div className={styles.top}>
                        <div className={styles.header}>
                          <span className={styles.logo}></span>
                          <span className={styles.title}>四川航空旅客服务信息系统</span>
                        </div>
                      </div>
                      {children}
                    </div>
                  </Col>
                </Row>
              </Row>
              <div className={styles.explain}>
                <br/>
                <p>【版权所属】：四川航空股份有限公司<a href="https://beian.miit.gov.cn" target="_blank">&nbsp;&nbsp;&nbsp;蜀ICP备18038377号-1</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;【当前版本】：&nbsp;PSIS_1.1.2_20210722_release  </p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span className={styles.smlogo}>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;推荐浏览器下载：&nbsp;&nbsp;&nbsp;谷歌浏览器&nbsp;&nbsp;火狐浏览器&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span className={styles.iphone}></span>&nbsp;&nbsp;IPAD端程序下载</p>
              </div>
            </div>
        </div>
    </>
  );
};

export default connect(({ settings }) => ({ ...settings }))(UserLayout);
